<!doctype html>
<html class="no-js">
<head>
    <meta charset="utf-8">
    <title>meidu mobilePlayer</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->

    <!-- build:css styles/vendor.css -->
    <!-- bower:css -->
    <!-- endbower -->
    <!-- endbuild -->

    <!-- build:css styles/index.css -->
    <link rel="stylesheet" href="styles/normalize.css">
    <link rel="stylesheet" href="styles/index.css">
    <!-- endbuild -->

</head>
<body>
    <img src="images/bg.png" alt="" id="bg">
    <span id="title">本周最佳亲子读诗</span>
    <span id="description">读诗，要从娃娃抓起，本周我们精心挑选了三首父母与孩子的读诗音频，与你们共享。父母们为了孩子的成长教育，也是蛮拼的。</span>
    <div id="poems">
        <section class="poem-wrap" data-src="http://media.yueduapi.com/poem/user_mp3/6b0d3a99e84c1581efd4bf1789db32b1.mp3">
            <div class="play-control">
                <div class="poem-progress"></div>
                <div class="play-button">
                    <img src="images/play.png" alt="">
                </div>
                <div class="poem">
                    <span class="poem-title-author">《假如生活欺骗了你》—普希金</span>
                    <span class="poem-desc">
                        朗诵者： 逗逼爸爸教女儿读诗
                    </span>
                </div>
            </div>
            <div class="poem-content">
                <span class="poem-title">《假如生活欺骗了你》</span>
                <span class="poem-author">普希金</span>


<span class="pain-text">假如生活欺骗了你</span>
<span class="pain-text">不要悲伤，不要心急！</span>
<span class="pain-text">忧郁的日子里需要镇静：</span>
<span class="pain-text">相信吧，快乐的日子将会来临。</span>
<span class="pain-text">心儿永远向往着未来；</span>
<span class="pain-text">现在却常是忧郁：</span>
<span class="pain-text">一切都是瞬息，一切都将会过去；</span>
<span class="pain-text">而那过去了的，就会成为亲切的怀恋。</span>
            </div>
        </section>
        <section class="poem-wrap" data-src="http://mediatest.yueduapi.com/poem/user_mp3/b0765bda34d5cb1f48fcf02c529c98f5.mp3">
            <div class="play-control">
                <div class="poem-progress"></div>
                <div class="play-button">
                    <img src="images/play.png" alt="">
                </div>
                <div class="poem">
                    <span class="poem-title-author">《乡愁》—余光中</span>
                    <span class="poem-desc">
                        朗诵者：辣妈深情款款地教宝宝读诗
                    </span>
                </div>
            </div>
            <div class="poem-content">
                <span class="poem-title">《乡愁》</span>
                <span class="poem-author">索德格朗</span>
               <span class="pain-text">小时候，</span>
               <span class="pain-text">乡愁是一枚小小的邮票，</span>
               <span class="pain-text">我在这头，</span>
               <span class="pain-text">母亲在那头。</span>
               <span class="pain-text">乡愁 余光中</span>
               <span class="pain-text">乡愁 余光中</span>
               <span class="pain-text">长大后，</span>
               <span class="pain-text">乡愁是一张窄窄的船票，</span>
               <span class="pain-text">我在这头，</span>
               <span class="pain-text">新娘在那头。</span>
               <span class="pain-text">后来啊，</span>
               <span class="pain-text">乡愁是一方矮矮的坟墓，</span>
               <span class="pain-text">我在外头，</span>
               <span class="pain-text">母亲在里头。</span>
               <span class="pain-text">而现在，</span>
               <span class="pain-text">乡愁是一湾浅浅的海峡，</span>
               <span class="pain-text">我在这头，</span>
               <span class="pain-text">大陆在那头。</span>
            </div>
        </section>
        <section class="poem-wrap" data-src="http://media.yueduapi.com/poem/user_mp3/63eca2f851b2dc08bfbb2e3250b17e7b.mp3">
            <div class="play-control">
                <div class="poem-progress"></div>
                <div class="play-button">
                    <img src="images/play.png" alt="">
                </div>
                <div class="poem">
                    <span class="poem-title-author">索得格朗 - 《星星》</span>
                    <span class="poem-desc">
                        朗诵者： 孩子卖萌无极限
                    </span>
                </div>
            </div>
            <div class="poem-content">
                <span class="poem-title">《星星》</span>
                <span class="poem-author">索德格朗</span>
                <span class="pain-text">当夜色降临</span>
                <span class="pain-text">我站在台阶上倾听;</span>
                <span class="pain-text">星星蜂拥在花园里</span>
                <span class="pain-text">我站在黑暗中。</span>
                <span class="pain-text">听，一颗星星落地作响！</span>
                <span class="pain-text">你别赤着脚在这草地上散步</span>
                <span class="pain-text">我的花园到处是星星的碎片</span>
            </div>
        </section>
    </div>
    
    <a href="" id="readLink">一起来读诗吧</a>
    <!-- build:js scripts/vendor.js -->
    <!-- bower:js -->
    <script src="bower_components/zepto/zepto.min.js"></script>
    <script src="bower_components/zepto/zepto-fx.js"></script>

    <!-- endbower -->
    <!-- endbuild -->

    <!-- build:js scripts/index.js -->
    <script src="scripts/index.js"></script>
    <!-- endbuild -->
</body>
</html>
